body[data-page="Sản Phẩm"] .page-products{background:#fff;padding:100px 0}body[data-page="Sản Phẩm"] .page-products__layout{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:start}body[data-page="Sản Phẩm"] .products-main{min-width:0}body[data-page="Sản Phẩm"] .filter-sidebar{background:#fff;position:sticky;top:calc(clamp(72px,8vw,88px) + 16px)}body[data-page="Sản Phẩm"] .filter-sidebar__title{color:#1f1b16;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8e6e2}body[data-page="Sản Phẩm"] .filter-sidebar__toggle{display:none;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:0 0 14px;border-bottom:1px solid #e8e6e2;color:#1f1b16;text-align:left;transition:color .25s ease,border-color .25s ease}body[data-page="Sản Phẩm"] .filter-sidebar__toggle::after{content:"+";color:#1a8f3d;transition:transform .35s ease}body[data-page="Sản Phẩm"] .filter-sidebar.is-open .filter-sidebar__toggle::after{transform:rotate(45deg)}body[data-page="Sản Phẩm"] .filter-sidebar__reset{margin-top:5px;color:#007c2e}body[data-page="Sản Phẩm"] .filter-group+.filter-group{margin-top:10px}body[data-page="Sản Phẩm"] .filter-group__label{color:#6c6966;margin-bottom:10px}body[data-page="Sản Phẩm"] .filter-group__label--clickable{cursor:pointer;transition:color .2s,background-color .2s;padding:2px 10px;border-radius:6px;margin-left:-10px;margin-right:-10px;user-select:none}body[data-page="Sản Phẩm"] .filter-group__label--clickable:hover{color:#2e7d32;background-color:rgba(46,125,50,.06)}body[data-page="Sản Phẩm"] .filter-group__label--clickable.is-active{color:#fff;background-color:#2e7d32;border-radius:6px}body[data-page="Sản Phẩm"] .filter-group__list{display:flex;flex-direction:column;gap:8px;margin-left:15px}body[data-page="Sản Phẩm"] .filter-option{display:flex;align-items:center;gap:8px;color:#6c6966;cursor:pointer}body[data-page="Sản Phẩm"] .filter-option input{accent-color:#1a8f3d;width:12px;height:12px}body[data-page="Sản Phẩm"] .filter-group--nav .filter-group__label{cursor:default}body[data-page="Sản Phẩm"] .filter-group__list--nav{list-style:none;padding:0;margin-left:0}body[data-page="Sản Phẩm"] .filter-nav-item{margin-bottom:4px}body[data-page="Sản Phẩm"] .filter-nav-item__header{display:flex;align-items:center;justify-content:space-between;border-radius:6px;transition:background-color .2s}body[data-page="Sản Phẩm"] .filter-nav-item__header:hover{background-color:rgba(26,143,61,.08)}body[data-page="Sản Phẩm"] .filter-nav-item__header.active{background-color:#1a8f3d}body[data-page="Sản Phẩm"] .filter-nav-link{display:block;padding:6px 12px;color:#6c6966;text-decoration:none;transition:color .2s;flex:1}body[data-page="Sản Phẩm"] .filter-nav-item__header:hover .filter-nav-link,body[data-page="Sản Phẩm"] .filter-nav-item__header:hover .filter-nav-item__toggle{color:#1a8f3d}body[data-page="Sản Phẩm"] .filter-nav-item__header.active .filter-nav-link,body[data-page="Sản Phẩm"] .filter-nav-item__header.active .filter-nav-item__toggle{color:#fff;font-weight:600}body[data-page="Sản Phẩm"] .filter-nav-item__toggle{background:none;border:0;padding:6px 12px;cursor:pointer;color:#6c6966;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,color .2s}body[data-page="Sản Phẩm"] .filter-nav-item__toggle[aria-expanded="true"]{transform:rotate(180deg)}body[data-page="Sản Phẩm"] .filter-nav-item__dropdown{list-style:none;padding-left:20px;margin:0;display:none}body[data-page="Sản Phẩm"] .filter-nav-item__dropdown.open{display:block}body[data-page="Sản Phẩm"] .filter-nav-subitem{padding:6px 12px;color:#8c8a88;font-size:.9em}body[data-page="Sản Phẩm"] .products-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}body[data-page="Sản Phẩm"] .products-toolbar__count{color:#6c6966}body[data-page="Sản Phẩm"] .products-toolbar__count strong{color:#1f1b16}body[data-page="Sản Phẩm"] .product-toolbar__sort{display:flex;justify-content:flex-end;align-items:center;gap:12px;min-width:0}body[data-page="Sản Phẩm"] .product-toolbar__search{width:min(220px,100%)}body[data-page="Sản Phẩm"] .section-search{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(26,143,61,.12);border-radius:999px;background:rgba(255,255,255,.7)}body[data-page="Sản Phẩm"] .section-search img{width:15px;height:15px;flex-shrink:0}body[data-page="Sản Phẩm"] .section-search input{min-width:0;border:0;outline:0;background:transparent;color:#1f1b16}body[data-page="Sản Phẩm"] .section-search input::placeholder{color:#9b948b}body[data-page="Sản Phẩm"] .sort-select__text{color:#6c6966;white-space:nowrap}body[data-page="Sản Phẩm"] .sort-select__control{position:relative;min-width:0;width:220px}body[data-page="Sản Phẩm"] .sort-select__icon{position:absolute;top:50%;left:14px;z-index:1;width:14px;height:14px;transform:translateY(-50%);transition:transform .2s ease;pointer-events:none;display:flex;align-items:center;justify-content:center}body[data-page="Sản Phẩm"] .sort-select__control:has(.custom-select-ui.open) .sort-select__icon{transform:translateY(-50%) rotate(180deg)}body[data-page="Sản Phẩm"] .sort-select{display:none}body[data-page="Sản Phẩm"] .custom-select-ui{position:relative;width:100%}body[data-page="Sản Phẩm"] .custom-select-ui__trigger{width:100%;padding:8px 16px 8px 36px;background-color:#fff;border:1px solid #e8e6e2;border-radius:28px;color:#1f1b16;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.02);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-transform:capitalize}body[data-page="Sản Phẩm"] .custom-select-ui.open .custom-select-ui__trigger,body[data-page="Sản Phẩm"] .custom-select-ui__trigger:hover{border-color:#116a30;box-shadow:0 4px 12px rgba(17,106,48,.08)}body[data-page="Sản Phẩm"] .custom-select-ui__options{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12);border:1px solid #e8e6e2;z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s cubic-bezier(.16,1,.3,1);overflow:hidden;padding:6px 0}body[data-page="Sản Phẩm"] .custom-select-ui.open .custom-select-ui__options{opacity:1;visibility:visible;transform:translateY(0)}body[data-page="Sản Phẩm"] .custom-select-ui__option{padding:10px 16px;color:#6c6966;cursor:pointer;transition:all .15s ease;font-weight:400;text-transform:capitalize}body[data-page="Sản Phẩm"] .custom-select-ui__option:hover{background:#f4f6f4;color:#116a30}body[data-page="Sản Phẩm"] .custom-select-ui__option.selected{color:#116a30;font-weight:600;background:#ebf3ec}body[data-page="Sản Phẩm"] .products-listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}body[data-page="Sản Phẩm"] .products-listing-grid .product-card{border:1px solid #faf7f0;max-width:none}body[data-page="Sản Phẩm"] .products-listing-grid .product-card__media{background:#fbf4e2;border-radius:7px 7px 0 0}body[data-page="Sản Phẩm"] .products-listing-grid .product-card__crop{color:#6c6966;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body[data-page="Sản Phẩm"] .products-listing-grid__empty{grid-column:1/-1;padding:48px 16px;color:#6c6966;text-align:center}body[data-page="Sản Phẩm"] .pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:48px}body[data-page="Sản Phẩm"] .pagination[hidden]{display:none}body[data-page="Sản Phẩm"] .pagination__btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e6e2;border-radius:50%;color:#6c6966;transition:border-color .2s,color .2s}body[data-page="Sản Phẩm"] .pagination__btn:hover{border-color:#1a8f3d;color:#1a8f3d}body[data-page="Sản Phẩm"] .pagination__num{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:#6c6966;border-radius:50%}body[data-page="Sản Phẩm"] .pagination__num.is-active{background:#1a8f3d;color:#fff}body[data-page="Sản Phẩm"] .pagination__ellipsis{color:#6c6966;padding:0 4px}@media(max-width:1200px){body[data-page="Sản Phẩm"] .products-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1100px){body[data-page="Sản Phẩm"] .page-products__layout{grid-template-columns:1fr}body[data-page="Sản Phẩm"] .filter-sidebar{position:static}body[data-page="Sản Phẩm"] .filter-sidebar__title{display:none}body[data-page="Sản Phẩm"] .filter-sidebar__toggle{display:flex}body[data-page="Sản Phẩm"] .filter-sidebar__content{display:grid;grid-template-rows:0fr;padding-top:0;opacity:0;transform:translateY(-8px);visibility:hidden;pointer-events:none;transition:grid-template-rows .42s ease,padding-top .42s ease,opacity .26s ease,transform .42s ease,visibility 0s linear .42s;overflow:hidden}body[data-page="Sản Phẩm"] .filter-sidebar__content>*{min-height:0}body[data-page="Sản Phẩm"] .filter-sidebar__content-inner{min-height:0;overflow:hidden}body[data-page="Sản Phẩm"] .filter-sidebar.is-open .filter-sidebar__content{grid-template-rows:1fr;padding-top:18px;opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto;transition-delay:0s}body[data-page="Sản Phẩm"] .products-listing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(max-width:768px){body[data-page="Sản Phẩm"] .page-products{padding:24px 0 48px}body[data-page="Sản Phẩm"] .filter-sidebar{padding:20px 0;border-radius:10px}body[data-page="Sản Phẩm"] .products-toolbar{margin-bottom:20px}body[data-page="Sản Phẩm"] .product-toolbar__sort{width:100%;justify-content:flex-start;flex-wrap:wrap}body[data-page="Sản Phẩm"] .sort-select__text{flex-shrink:0}body[data-page="Sản Phẩm"] .sort-select__control{flex:1 1 180px;max-width:170px}body[data-page="Sản Phẩm"] .product-toolbar__search{flex:1 1 220px;width:auto}body[data-page="Sản Phẩm"] .custom-select-ui__trigger{padding:10px 16px 10px 30px}body[data-page="Sản Phẩm"] .products-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-page="Sản Phẩm"] .pagination{margin-top:32px}}@media(max-width:480px){body[data-page="Sản Phẩm"] .page-products{padding:20px 0 40px}body[data-page="Sản Phẩm"] .filter-sidebar__title{margin-bottom:16px}body[data-page="Sản Phẩm"] .filter-group+.filter-group{margin-top:16px}body[data-page="Sản Phẩm"] .products-toolbar{gap:12px;align-items:flex-start}body[data-page="Sản Phẩm"] .product-toolbar__sort{justify-content:flex-start;gap:8px}body[data-page="Sản Phẩm"] .sort-select__control{flex:1 1 auto;width:auto;max-width:150px}body[data-page="Sản Phẩm"] .product-toolbar__search{flex:1 1 150px;min-width:0}body[data-page="Sản Phẩm"] .section-search{padding:9px 12px}body[data-page="Sản Phẩm"] .sort-select__icon{left:9px;width:12px;height:12px}body[data-page="Sản Phẩm"] .custom-select-ui__trigger{padding:9px 12px 9px 27px;border-radius:24px}body[data-page="Sản Phẩm"] .pagination{gap:6px;margin-top:28px;flex-wrap:wrap}body[data-page="Sản Phẩm"] .products-listing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-page="Sản Phẩm"] .products-listing-grid .product-card__body{padding:10px}body[data-page="Sản Phẩm"] .products-listing-grid .product-card__media{aspect-ratio:1/1}body[data-page="Sản Phẩm"] .products-listing-grid .product-card__cat,body[data-page="Sản Phẩm"] .products-listing-grid .product-card__size,body[data-page="Sản Phẩm"] .products-listing-grid .product-card__crop{margin-bottom:6px}body[data-page="Sản Phẩm"] .products-listing-grid .product-card__name{margin-bottom:6px}body[data-page="Sản Phẩm"] .products-listing-grid .product-card__price{margin-bottom:10px}body[data-page="Sản Phẩm"] .products-listing-grid .btn-primary{width:100%;gap:8px;padding-right:6px}body[data-page="Sản Phẩm"] .pagination__btn,body[data-page="Sản Phẩm"] .pagination__num{width:30px;height:30px;min-width:30px}}body[data-page="Sản Phẩm"] .filter-group__more{display:flex;align-items:center;gap:4px;background:none;border:0;padding:0;margin-top:12px;color:#007c2e;cursor:pointer}body[data-page="Sản Phẩm"] .filter-group__more::after{content:'';display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #007c2e;transition:transform .2s ease}